{include file="static/appd/tpl_header.html" /}
<body>
<div class="container">
    <div class="card" style="margin-top:100px;margin-left:20%;width: 60%;">
        <div class="card-body" style="margin-bottom:50px;" >
            <form method="post" action="javascript:;">
                <div class="form-group row">
                    <label for="account-ipter" class="col-2 col-form-label">账户名称</label>
                    <div class="col-10">
                        <input class="form-control" type="text" name="account" id="account-ipter" autocomplete="off" required>
                        <small class="form-text text-muted">账户是由字母，数组，下划线，短横线等组成的3-30以内的字符.</small>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="pswd-ipter" class="col-2 col-form-label">设置密码</label>
                    <div class="col-10">
                        <input class="form-control" type="password" name="pswd" id="pswd-ipter"  autocomplete="off" required>
                        <small class="form-text text-muted">密码长度应该大于6个字符，且确认密码应与设置密码一致.</small>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="pswdck-ipter" class="col-2 col-form-label">确认密码</label>
                    <div class="col-10">
                        <input class="form-control" type="password" name="pswdck" id="pswdck-ipter"  autocomplete="off" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="name-ipter" class="col-2 col-form-label">姓 名</label>
                    <div class="col-10">
                        <input class="form-control" type="text" name="name" id="name-ipter" required>
                    </div>
                </div>
                <fieldset class="form-group">
                    <div class="row">
                        <legend class="col-form-label col-sm-2 pt-0">性 别</legend>
                        <div class="col-sm-10">
                            <div class="form-check">
                                <label class="form-check-label">
                                    <input class="form-check-input" type="radio" name="gender" id="gender_m" value="M" checked>
                                    男 <i class="fa fa-male"></i>
                                </label>
                            </div>
                            <div class="form-check">
                                <label class="form-check-label">
                                    <input class="form-check-input" type="radio" name="gender" id="gender_fm" value="F">
                                    女 <i class="fa fa-female"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div class="form-group row">
                    <label for="code-ipter" class="col-2 col-form-label">验证码</label>
                    <div class="col-4">
                        <input class="form-control" type="text" name="code" id="code-ipter"  autocomplete="off" required>
                    </div>
                    <div class="col-6">
                        <a href="javascript:;" id="recode_lnk"><img class="weui-vcode-img" src="{:captcha_src()}" /></a>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="offset-sm-2 col-sm-10">
                        <button type="submit" class="btn btn-primary" id="submit_btn">登 录</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-body text-right">
            <a href="{:urlBuild('!.login')}" class="card-link" data-toggle="tooltip" data-html="true" title="<em>已经有账号</em> <u>那么</u> <b>登录系统吧</b>">登录</a>
            <a href="{:urlBuild('!')}" class="card-link">返回主页</a>
        </div>
    </div>
</div>
<div class="card" style="bottom: 0px;left: 0px;right: 0px;padding: 0px;margin-top: 2px;background-color:#EEEEEE;">
    <div class="card-body">
        <p class="card-text text-center" style="font-size: 0.64em;">
            <br> 版本号: v{$Think.config.setting.version}({$Think.config.setting.build})
            <br> Copyright &copy; {$Think.config.setting.start}-{:date('Y');} {$Think.config.setting.organization}.All Rights Reserved.
            <br> {$Think.config.setting.beian_no}
        </p>
    </div>
</div>
</body>
</html>